.block_slides {

    .btn_wrapper{
      width: 100%;
      padding: 0 60px;
      z-index: 201;
      box-sizing: border-box;
      @media screen and (min-width: 768px) {
        bottom: 30px;
      }
      @media screen and (max-width: 767px) {
        margin-bottom: 50px;
      }
    }
    .swiper-button-prev,.swiper-button-next{
      background-image: none;
      height: auto;
      width: auto;
      position: relative;
      top: auto;
      margin-top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      svg{
        width: 8px;
        height: auto;
      }
    }
    .swiper-button-prev{
      left: 0;
    }
    .swiper-button-next{
      right: 0;
    }

    .swiper-pagination {
      bottom: 0;
      margin: 0 20px;
      display: inline-flex;
      align-items: center;
      .swiper-pagination-bullet {
        margin: 0 8px;
        background-color: transparent;
        height: 22px;
        width: 22px;
        opacity: 1;
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border: 2px solid rgba(25,25,25,1);
        &::before{
          position: absolute;
          content: '';
          width: 14px;
          height: 14px;
          border-radius: 50%;
          background-color: transparent;
        }
        &.swiper-pagination-bullet-active {
          background-color: transparent;
          &::before{
            background-color: rgba(25,25,25,1);
          }
        }
      }
    }
    .swiper-slide {
      .bg_img_box {
        @media screen and (min-width: 768px) {
          height: 100%;
        }
        width: 100%;
        img {
          object-fit: cover;
        }
  
        .mask {
          background-color: var(--bg-color);
          opacity: var(--opacity);
        }
      }
      .text_box{
        &.top-left{
          justify-content: flex-start;
        }
        &.top-center{
          justify-content: center;
        }
        &.top-right{
          justify-content: flex-end;
        }
        &.center-left{
          align-items: center;
          justify-content: flex-start;
        }
        &.center-center{
          align-items: center;
          justify-content: center;
        }
        &.center-right{
          align-items: center;
          justify-content: flex-end;
        }
        &.bottom-left{
          align-items: flex-end;
          justify-content: flex-start;
        }
        &.bottom-center{
          align-items: flex-end;
          justify-content: center;
        }
        &.bottom-right{
          align-items: flex-end;
          justify-content: flex-end;
        }
        .text_content{
          box-sizing: border-box;
          padding: 20px 60px;
          @media screen and (min-width: 768px) {
            max-width: 50%;
          }
          @media screen and (max-width: 767px) {
            text-align: center;
            padding: 35px 30px 20px 30px;
          }
          .text_title{
            font-size: 3rem;
            line-height: 1;
            @media screen and (min-width: 1200px) {
                font-size: 6.25rem;
            }
            color: var(--title-color);
            @media screen and (max-width: 767px) {
              font-size: 2rem;
            }
          }
          .text_detail{
            color: var(--detail-color);
            @media screen and (min-width: 1200px) {
                font-size: 1.4rem;
            }
          }
          .public_btn{
            color: var(--btn-color);
            border-color: var(--btn-color);
            &:hover{
              box-shadow: 0 0 0 1px var(--btn-color);
            }
          }
        }
      }
    }
  
    
  
    .slide-item-big {
      height: 800px;
      width: 100%;
      object-fit: cover;
    }
  
    .slide-item-center {
      height: 600px;
      width: 100%;
      object-fit: cover;
    }
  
    .block_slides .slide-item-samll {
      height: 420px;
      width: 100%;
      object-fit: cover;
    }
  
    .block_slides .slide-item-auto {
      height: auto;
      width: 100%;
      object-fit: cover;
    }
  }
  
  @media screen and (max-width: 768px) {
    .block_slides {
      .slide-item-big {
        height: 600px;
      }
  
      .slide-item-center {
        height: 400px;
      }
  
      .slide-item-samll {
        height: 320px;
      }
    }
  }
  
  @media screen and (max-width: 767px) {
    .block_slides {
      .slide-item-big {
        height: 100vh;
      }
  
      .slide-item-center {
        height: 70vh;
      }
  
      .slide-item-samll {
        height: 50vh;
      }
    }
  }
  